<template>
  <div class="home">
    <HelloWorld>
      <template v-slot:one="a">
        <div>这是插槽1</div>
        <h2 v-html="a.msg"></h2>
      </template>
      <!-- 2.6之前 用v-slot:xxx起名字 =号后面是作用域插槽的名字 -->
      <template #two>
        <div>这是插槽2</div>
      </template>
      <!-- 2.6之后 可以用#起名字 -->
    </HelloWorld>
  </div>
</template>

<script>
// @ is an alias to /src
import HelloWorld from "@/components/HelloWorld.vue";

export default {
  name: "Home",
  components: {
    HelloWorld,
  },
};
</script>
